<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<title>蛋糕店</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link type="text/css" rel="stylesheet" href="css/bootstrap.css">
<link type="text/css" rel="stylesheet" href="css/style.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="layer/layer.js"></script>
<script type="text/javascript" src="js/cart.js"></script>
</head>
<body>
	<!--header 头部-->
	<jsp:include page="header.jsp" flush="true">
		<jsp:param value="1" name="flag" />
	</jsp:include>
	<!--//header 头部-->

	<!--banner-->
	<div class="banner">
		<div class="container">
			<h2 class="hdng">
				<a
					href="${pageContext.request.contextPath }/goods_detail?id=${scroll.id }">${scroll.name }</a><span></span>
			</h2>
			<p>今日精选推荐</p>
			<a class="banner_a" href="javascript:;" onclick="buy(${scroll.id })">立刻购买</a>
			<div class="banner-text">
				<a
					href="${pageContext.request.contextPath }/goods_detail?id=${scroll.id }">
					<img src="${pageContext.request.contextPath }${scroll.cover }"
					alt="${scroll.name }" width="350" height="350">
				</a>
			</div>
		</div>
	</div>
	<!--//banner-->

	<div class="subscribe2"></div>

	<!--gallery-->
	<div class="gallery">
		<div class="container">

			<div class="alert alert-danger">热销推荐</div>
			<div class="gallery-grids">
				<c:forEach items="${hotList }" var="h">
					<div class="col-md-4 gallery-grid glry-two">
						<a
							href="${pageContext.request.contextPath }/goods_detail?id=${h.id }">
							<img src="${pageContext.request.contextPath }${h.cover}"
							class="img-responsive" alt="${h.name }" width="350" height="350" />
						</a>
						<div class="gallery-info galrr-info-two">
							<p>
								<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
								<a
									href="${pageContext.request.contextPath }/goods_detail?id=${h.id }">查看详情</a>
							</p>
							<a class="shop" href="javascript:;" onclick="buy(${h.id })">立刻购买</a>
							<div class="clearfix"></div>
						</div>
						<div class="galy-info">
							<p>${h.typeName }>${h.name }</p>
							<div class="galry">
								<div class="prices">
									<h5 class="item_price">¥ ${h.price }</h5>
								</div>
								<div class="clearfix"></div>
							</div>
						</div>
					</div>
				</c:forEach>
			</div>

			<div class="clearfix"></div>

			<div class="alert alert-info">新品推荐</div>
			<div class="gallery-grids">
				<c:forEach items="${newList }" var="n">
					<div class="col-md-3 gallery-grid ">
						<a
							href="${pageContext.request.contextPath }/goods_detail?id=${n.id }">
							<img src="${pageContext.request.contextPath }${n.cover}"
							class="img-responsive" alt="${n.name}" />
						</a>
						<div class="gallery-info">
							<p>
								<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
								<a
									href="${pageContext.request.contextPath }/goods_detail?id=${n.id }">查看详情</a>
							</p>
							<a class="shop" href="javascript:;" onclick="buy(${n.id })">立刻购买</a>
							<div class="clearfix"></div>
						</div>
						<div class="galy-info">
							<p>${n.typeName}>${n.name}</p>
							<div class="galry">
								<div class="prices">
									<h5 class="item_price">¥ ${n.price}</h5>
								</div>
								<div class="clearfix"></div>
							</div>
						</div>
					</div>
				</c:forEach>
			</div>
		</div>
	</div>
	<!--//gallery-->

	<!--subscribe-->
	<div class="subscribe"></div>
	<!--//subscribe-->

	<!--footer 尾部-->
	<jsp:include page="footer.jsp" flush="true"></jsp:include>
	<!--//footer 尾部-->

</body>
</html>